<div class="course-view container" id="course-container">
    <div id="dashboard-search-bar" class="search-bar" role="search" aria-label="Dashboard">
        <form class="search-form">
            <label for="dashboard-search-input">Search Your Courses</label>
            <div>
                <input id="dashboard-search-input" type="text" class="search-field"/>
                <button type="submit" class="search-button" aria-label="Search">
                    <span class="icon fa fa-search" aria-hidden="true"></span>
                </button>
                <button type="button" class="cancel-button" aria-label="Clear search">
                    <span class="icon fa fa-remove" aria-hidden="true"></span>
                </button>
            </div>
        </form>
    </div>
    <section id="dashboard-search-results" class="search-results dashboard-search-results"></section>
    <section id="my-courses" tabindex="-1"></section>
</div>
